<template>
  <div>
    <!-- 给子组件绑定自定义事件 -->
    <Count @atguigu="atguigu"/>
    <hr>
    <h1>父组件接收的值{{List}}</h1>
  </div>
</template>

<script>
import _ from "lodash"

import Count from "./components/count.vue"
export default {
  name: "App",
  components: {
    Count
  },
  data(){
    return{
      List: []
    }
  },

  methods:{
    //自定义事件的回调函数 子组件调用传过去的自定义事件就会传数据并执行
    //参数就是子组件传递的数据
    atguigu(list){
      //把子组件传递过来的数据深拷贝
      this.List = _.cloneDeep(list)

      //判断是否深拷贝成功
      console.log(this.List[0] === list[0]); //false
    } 
  }
};
</script>

<style>
</style>